在HTML中，样式通常通过CSS（层叠样式表）来定义。虽然HTML本身不直接支持样式，但你可以使用内联样式、内部样式表或外部样式表来为HTML元素添加样式。以下是一些常用的CSS样式属性及其用法：

### 内联样式
内联样式直接在HTML标签中使用`style`属性来定义样式。

```html
<p style="color: blue; font-size: 16px;">这是一个段落。</p>
```

### 内部样式表
内部样式表通过`<style>`标签在HTML文档的`<head>`部分定义。

```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内部样式表示例</title>
    <style>
        body {
            background-color: lightgray;
        }
        h1 {
            color: darkblue;
        }
        p {
            font-size: 14px;
            color: black;
        }
    </style>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>
```

### 外部样式表
外部样式表通过一个单独的CSS文件来定义，并在HTML文档中通过`<link>`标签引用。

**styles.css**
```css
body {
    background-color: lightgray;
}
h1 {
    color: darkblue;
}
p {
    font-size: 14px;
    color: black;
}
```

**index.html**
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>外部样式表示例</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>
```

### 常用的CSS样式属性

- **颜色**
  - `color`: 设置文本颜色。
  - `background-color`: 设置背景颜色。

- **字体**
  - `font-family`: 设置字体系列。
  - `font-size`: 设置字体大小。
  - `font-weight`: 设置字体粗细。
  - `font-style`: 设置字体样式（如斜体）。

- **文本**
  - `text-align`: 设置文本对齐方式（如左对齐、居中对齐）。
  - `text-decoration`: 设置文本装饰（如下划线）。
  - `line-height`: 设置行高。

- **边距和填充**
  - `margin`: 设置元素的外边距。
  - `padding`: 设置元素的内边距。

- **边框**
  - `border`: 设置元素的边框。
  - `border-color`: 设置边框颜色。
  - `border-width`: 设置边框宽度。
  - `border-style`: 设置边框样式（如实线、虚线）。

- **尺寸**
  - `width`: 设置元素的宽度。
  - `height`: 设置元素的高度。

- **布局**
  - `display`: 设置元素的显示类型（如块级元素、行内元素）。
  - `position`: 设置元素的定位方式（如静态、相对、绝对、固定）。
  - `float`: 设置元素的浮动方式。

- **其他**
  - `visibility`: 设置元素的可见性。
  - `opacity`: 设置元素的透明度。

通过这些样式属性，你可以控制HTML元素的外观和布局，从而创建美观且功能丰富的网页。